<template>
<div data-name="home" class="page ">
					<!-- Top Navbar -->
					<div class="navbar">
						<div class="navbar-inner">
					      <div class="left">
					      </div>
					      <div class="title" style="width:100%;">
					      	 <!-- Searchbar with auto init -->
					        <form class="searchbar" style="background:none;">
					          <div class="searchbar-inner">
					            <div class="searchbar-input-wrap">
					            	<a href="/home/search">
					              <input type="text" placeholder="Search">
					              </a>
					              <i class="searchbar-icon"></i>
					              <span class="input-clear-button"></span>
					            </div>
					          </div>
					        </form>
					      </div>
					      <div class="right">
					      </div>
					    </div>
					    
					    
					</div>
					<!-- Scrollable page content -->
					<div class="page-content home-page">
					
						<div class="home-slide">
							
						</div>
						
						<div class="research-container">
							<div class="row first">
							    <div class="col">
							    	<div class="row title">男神Style</div>
							    	<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png">
							    	</div>
							    </div>
							    <div class="col">
						    		<div class="row title">男神Style</div>
						    		<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png">
							    	</div>
							    </div>
							    <div class="col">
						    		<div class="row title">男神Style</div>
							    	<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png">
							    	</div>
							    </div>	
							</div>
							<div class="row second">
							    <div class="col">
						    		<div class="row title">男神Style</div>
							    	<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png" >
							    	</div>
							    </div>
							    <div class="col center-col">
						    		<div class="row title">男神Style</div>
							    	<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png" >
							    	</div>
							    </div>
							    <div class="col">
						    		<div class="row title">男神Style</div>
							    	<div class="row subtitle">男神Style</div>
							    	<div class="row img">
							    		<img src="img/f7-icon.png">
							    	</div>
							    </div>
							</div>
						</div>
						
						<div class="list home-product-list-container">
							
					    </div>
						
					</div>
				</div>
				
				</template>